<html lang="en"><head>
    <meta charset="UTF-8">


    <link rel="apple-touch-icon" type="image/png" href="https://cpwebassets.codepen.io/assets/favicon/apple-touch-icon-5ae1a0698dcc2402e9712f7d01ed509a57814f994c660df9f7a952f3060705ee.png">

    <meta name="apple-mobile-web-app-title" content="CodePen">

    <title>https://codepen.io/knyttneve/pen/YzxEBew</title>

    <link rel="stylesheet" href="./style.css">
    <link rel="stylesheet" href="https://vjs.zencdn.net/5-unsafe/video-js.css">
</head>
<body>
<div class="page">
    <header class="header">
        <h1 class="header-title">Simple CSS loaders</h1>
        <p class="header-subtitle">single html element css animation</p>
    </header>

    <main class="container">
        <div class="item">
            <i class="loader --2"></i>
        </div>
        <div class="item">
            <i class="loader --9"></i>
        </div>
        <div class="item">
            <i class="loader --3"></i>
        </div>

        <div class="item">
            <i class="loader --4"></i>
        </div>
        <div class="item">
            <i class="loader --1"></i>
        </div>
        <div class="item">
            <i class="loader --5"></i>
        </div>

        <div class="item">
            <i class="loader --6"></i>
        </div>
        <div class="item">
            <i class="loader --8"></i>
        </div>
        <div class="item">
            <i class="loader --7"></i>
        </div>
    </main>
</div>
</body>
<script src="script.js" type="module"></script>
</html>